@momo-jun:Thanks for your contribution. For this PR, do we need to update docs?
(The PR template contains info about doc, which helps others know more about the changes. Can you provide doc-related info in this and future PR descriptions? Thanks)

@momo-jun:Thanks for providing doc info!

@momo-jun Please provide a correct documentation label for your PR.
Instructions see Pulsar Documentation Label Guide.

Hi @freeznet @nlu90, if you have reviewed the google docs, you can sign off the PR. Thank you.

@momo-jun some images are PNG while others are SVG. Do you want to keep consistent and use SVG only?

We talked about this before, SVG is better than PNG:

• Adaptive
  They adapt to the different sizes of the Chrome windows automatically.

• Sharper and smaller
  SVG images are more crisp and clean, and they are in a smaller size.

• Quality
  SVG is vector-based and can expand to any size without losing resolution

• Accessibility
  SVG is XML-based, and can be read by both human readers and machines like search engines

@momo-jun some images are PNG while others are SVG. Do you want to keep consistent and use SVG only?

We talked about this before, SVG is better than PNG:

• Adaptive
  They adapt to the different sizes of the Chrome windows automatically.
• Sharper and smaller
  SVG images are more crisp and clean, and they are in a smaller size.
• Quality
  SVG is vector-based and can expand to any size without losing resolution
• Accessibility
  SVG is XML-based, and can be read by both human readers and machines like search engines

Yes, I plan to revamp these PNG files in Phase2. They are reused from existing materials and not aligned with our style.